<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="css/lianluo.css">
	<link rel="stylesheet" type="text/css" href="css/关于.css">
	<link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
	<link rel="icon" href="./images/4.ico" type="image/x-icon">
	<title>联络</title>
</head>
<body>
<header>	
	<nav class="nav navbar-default navbar-fixed-top " style="background: transparent;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);">
	<div class="container" >
		<div class="navbar-header">
			<div class="row">
			<button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#my-menu">
				<i class="icon-bar"></i>
				<i class="icon-bar"></i>
				<i class="icon-bar"></i>
				<i class="icon-bar"></i>
			</button>
			<a href="主页.html" id="logo"></a>
		</div>
		</div>
		<div class="collapse navbar-collapse" id="my-menu">
			<ul class="nav navbar-nav navbar-right">
				<li><a href="案例.html" target="_blank">案例</a></li>
			<li><a href="服务.html">服务</a></li>
			<li><a href="关于.html">关于</a></li>
			<li><a href="联络.html">联络</a></li>
			</ul>
		</div>
	</nav>	
</header>	
<div id="page1" >
<div class="ro">
	<img src="images/33.png">
</div>
</div>
<div id="page2" style="">
	<div class="container">
		<div class="row" >
			<div class="col-lg-5 col-lg-offset-1">
				<img src="images/15.jpg" style="max-width: 100%;height:auto;">
			</div>
			<div class="col-lg-6" style="width: 500px;height: 200px;">
					
					<h1><span style="background: url(images/19.png) no-repeat 0 -350px;width: 47px;height: 46px;position: absolute;"></span>
					<a href="#" style="padding-left: 50px;font-size: 50px;color: red;">025-66061655</a></h1>
					<div style="width: 500px;height:50px;font-size: 20px;padding-left: 40px;padding-top: 30px;">
						<div style="float: left;">
						<a href="#" style="width: 50px;height: 20px;color: #858585"><span style="background: url(images/19.png) no-repeat 0 -920px;width: 47px;height: 46px;position: absolute;margin-left: -30px;"></span>hello@enqoo.com</a>
					</div>
					<div style="float: left;padding-left: 70px;">
						<a href="#" style="width: 50px;height: 20px;color: #858585"><span style="background: url(images/19.png) no-repeat 0 -979px;width: 47px;height: 46px;position: absolute;margin-left: -25px;"></span>908918366</a>
					</div>
					</div>
					<div style="padding-top: 30px;padding-left: 55px;font-size: 16px">
						<span style="background: url(images/19.png) no-repeat 0 -1025px;width: 47px;height: 46px;position: absolute; margin-left: -50px;margin-top: -10px;"></span><a href="#" style="color: #858585">南京软件园孵鹰大厦D座4楼</a>
					</div>
				
			</div>
		</div>
	</div>
</div>
<footer>
	<div class="container-fluid" style="background: #333;color: #eee">
		<div class="row">			
				<div class="col-lg-4 col-xs-12 " id="zhong4">
					<ul  class="list-inline text-center active" >
						<li><a href="#">联络</a></li>
						<li><a href="#">招聘</a></li>
						<li><a href="#">关于</a></li>
						<li><a href="#">Blog</a></li>
					</ul>
				</div>
				<div class="col-lg-4"></div>				
				<div class="col-lg-4 col-xs-12" id="zhong4">
					<ul class="list-inline text-center" >
						<li><a href="#">中文</a></li>
						<li><a href="#">EN</a></li>
					</ul>
				</div>
				<div class="col-lg-12 col-xs-12 text-center" id="zhong8" ><span style="color: #858585">© 2018 Enqoo Inc.</span></div>			
		</div>
	</div>
</footer>
	<script type="text/javascript" src="bootstrap/js/jquery-3.3.1.min.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
	<script>	
		$(window).scroll(function(){
			var scroll=$(this).scrollTop();
			if (scroll>10) {
				$("header").addClass("headerStyle")
			}else{
			$("header").removeClass("headerStyle")
		}
		})
		$(window).scroll(function(){
			var scrolltop=-$(this).scrollTop()/5;
			console.log(scrolltop)
			var a="50% "+scrolltop+"px"		
				$("#page1").css("background-position",a)			
		})		
	</script>
</body>
</html>